<?php
/**
 * XuYuan Project
 *
 * @package	XueYuan 
 * @author	Jiuchi Team
 * @since	Version 1.0.0
 * @filesource
 */
defined('BASEPATH') OR exit('No direct script access allowed');
/**
 * Login view
 * @author Wayne Yu
 */
?>
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <?php $this->load->view('common/head');?>
	<!-- Page special css -->
    <link rel="stylesheet" type="text/css" href="/assets/css/index.css">
    <link rel="stylesheet" type="text/css" href="/assets/css/mycenter.css">
    <link rel="stylesheet" type="text/css" href="/assets/css/circle_content.css">
</head>
<body>
    <div class="navigation">
		<?php $this->load->view('common/navigation');?> 
    </div>
    <div class="wrapper">
        <div class="main-content">
			<div class="main-content-inner">
                <div class="cir-profile">
                    <div class="cir-profile-header bd-bottom clearfix">
                        <div class="cir-profile-name fl">
                            <?php echo $circleInfo['name']?>
                        </div>
                        <p class="cir-profile-note fl">
                            <?php echo $circleInfo['description']?>
                        </p>                    
                        <button class="cir-profile-focus btn-blue">
                            <a href="#">立即关注</a>
                        </button>    
                    </div>
                    <div class="cir-profile-content-wrapper text-small">
                        <div class="cir-profile-content  clearfix">
                            <div class="cir-profile-avatar">
                                <img src="<?php echo $circleInfo['circle_img']?>" class="" style="width:80px">
                            </div>
                        </div>
                        <div class="cir-profile-follow">
                            <a href="#" class="topic-num">
                                <span>话题</span>
                                <br><?php echo $circleInfo['topic_number']?>
                            </a>
                            <a href="#" class="members-mum">
                                <span>成员</span>
                                <br><?php echo $circleInfo['user_number']?>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="home-list">
                    <div id="myCenterTab" class="home-list-title">
                        <button class="btn-label" onclick="window.location = '<?php echo site_url('circle/view/'.$circleInfo['id'])?>'">话题</button>
                        <button class="btn-label active">成员</button>
                    </div>
                    <div id="myCenterContent">
                        <div id="ep-tips" class="ep-tips">
                            <span>这个圈子暂时还没有成员。</span>
                        </div>
                        <div id="cirMembers" class="home-list-content clearfix">
                            <ul id="cirMembersMore">
                                <li class="member-item">
                                    <div class="rep">
                                        <div class="rep-header clearfix">
                                            <div class="rep-avatar">
                                                <a target="_blank" href="#" class="headportrait"></a>
                                            </div>
                                            <div class="cir-rep-note">
                                                <span class="rep-member name"></span>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <a href="javascript:;" class="btn-white btn-more btn-more-members">查看更多</a>
                            </ul>
                        </div>
                    </div>            
                </div>
            </div>
        </div>
        <div class="footer">
			<?php $this->load->view('common/footer');?>
        </div>
    </div>

    <!-- Page special scripts -->
    <script type="text/javascript" src="/assets/js/jquery.more.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('#cirMembersMore').more({
				'address'	:	'<?php echo site_url('circle/getCircleMembers/'.$circleInfo['id'])?>',
				'template'	:	'.member-item',
				'trigger'	:	'.btn-more-members',
                'defaultshow' :'#ep-tips',
			});
		});
	</script>
</body>
</html>

